@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="id" value="">

            <div class="row">
                <div class="col-sm-6 b-r">
                    <#input id="name" name="房间名称" underline="true"/>
                    <#input id="roomArea" name="房屋面积" underline="true"/>
                    <#input id="roomExpenseList" name="清单费用"  underline="true"  disabled="disabled"/>
                    <#input id="roomPropertyList" name="房间资产" underline="true" disabled="disabled"/>
                </div>

                <div class="col-sm-6">
                    <#input id="buildCode" name="房间编码"  underline="true"/>
                    <!--<#input id="roomImage" name="房间图片"  underline="true"/>-->
                    <div class="form-group">
                        <label class="col-sm-3 control-label">起租日期</label>
                        <div class="col-sm-9" >
                            <input type="date" class = "form-control" id = "date"/>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">房屋状态</label>
                        <div class="col-sm-9" >
                            <select class="form-control" id="rentType" name="rentType" type="text" onchange="selectOnchange(this)">
                                <option value = '1'>已出租</option>
                                <option value = "0" selected = "true">未出租</option>
                            </select>
                        </div>
                    </div>
                    <div class="hr-line-dashed"></div>
                </div>
            </div>
            <div id="money">
                <div class="page-header1"  style="border: 0; overflow: hidden;display: flex; flex: 1; margin-bottom: 10px; ">
                    <div class="form-horizontal" style="overflow: hidden; flex:1;">
                        <div class="col-lg-9" style=" display: flex; justify-content: center; align-items: center; margin-top: 20px;">
                            <strong style="width: 98px; margin-right: 20px; margin-left: 28px;">费用名称</strong>
                            <select class="form-control" onchange="selectOnchang1(this)" id="expenses">
                                <option>月租</option>
                                <option>押金</option>
                                <option>水费</option>
                                <option>电费</option>
                                <option>维修费</option>
                                <option>已收款</option>
                                <option>未收款</option>
                            </select>
                        </div>
                        <div id="application" style=" display: none;">
                            用途：<input id="use" type="text" style="width: 150px; margin-top: 5px;"/>
                        </div>
                    </div>
                    <div class="col-sm-6" style="overflow: hidden; margin-left: 50px;flex: 1;margin-top: 20px;">
                        <#input id="price" name="单价"/>
                    </div>
                </div>
                <div class="page-header1" style="border: 0; overflow: hidden;display: flex; flex: 1; margin-bottom: 10px; ">
                    <div class="form-horizontal" style="overflow: hidden; flex:1;">
                        <div class="col-lg-9" style=" display: flex; justify-content: center; align-items: center;">
                            <strong style="width: 98px; margin-right: 20px; margin-left: 28px;">计量单位</strong>
                            <select class="form-control" onchange="selectOnchang3(this)" id="valuationType">
                                <!--<option value="1">1-按房间一次性收费</option>
                                <option value="2">2-按房间每月收费</option>
                                <option value="3">3-按房间每日收费</option>
                                <option value="4">4-抄表各房间独立结算</option>-->

                                <!--<option value="17">10-其他类型</option>-->
                            </select>
                        </div>
                    </div>
                    <div class="form-horizontal" style="overflow: hidden; flex:1;">
                        <div class="col-lg-9" style=" display: flex; justify-content: center; align-items: center;">
                            <strong style="width: 266px; margin-right: 30px; text-align: right;">计价方式</strong>
                            <select class="form-control" onchange="selectOnchang2(this)" id="unit">
                                <option>元/月</option>
                                <option>元</option>
                            </select>
                        </div>
                    </div>
                </div>
                <div class="hidden-xs" id="RoomTableToolbar" role="group" style=" width: 200px; margin: auto;">
                    <#button name="添加清单" id="addExpense" icon="fa-plus" />
                </div>
            </div>
            <div id="propertyList" style='margin-top: 50px;'>
                <div id="propertyBox" class="page-header1"  style="border: 0; overflow: hidden;display: flex; flex: 1; margin-bottom: 10px; ">
                    <div class="form-horizontal" style="overflow: hidden; flex:1;">
                        <div class="col-lg-9" style=" display: flex; justify-content: center; align-items: center; margin-top: 20px;">
                            <strong style="width: 98px; margin-right: 20px; margin-left: 28px;">财产名称</strong>
                            <select class="form-control" onchange="selectOnchanges(this)" id="property">

                            </select>
                        </div>
                    </div>
                    <div class="col-sm-6" style="overflow: hidden; margin-left: 50px;flex: 1;margin-top: 20px;">
                        <#input id="propertyPrice" name="数量"/>
                    </div>
                </div>
                <div class="hidden-xs" id="RoomTablepropety" role="group" style=" width: 200px; margin: auto;">
                    <#button name="添加资产" id="addProperty" icon="fa-plus" />
                </div>
            </div>
            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="RoomInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="RoomInfoDlg.close()"/>
                </div>
            </div>
        </div>
        <!--<script src="${ctxPath}/static/modular/system/room/room.js"></script>-->
        <script src="${ctxPath}/static/modular/system/room/room_info.js"></script>
    </div>
</div>
<div class = "popup">
    <p>
        <span style = "color: #ffdf0c;" class = "iconfont icon-jinggao"></span>
        <span>请输入资产数量!</span>
    </p>
</div>
@}
